<div class="row m-n">
    <div class="crumbs-bar">
        <div yb-crumbs></div>
    </div>
    <div tabset type="tab">
        <div tab heading="客户赠送明细查询" active="activeFlag[0]" ng-click="changeTab(0)">
            <form name="orderForm" class="m-t-sm form-horizontal form-up-tb border-b clearfix" novalidate>
                <div class="form-group col-xs-24 m-b-sm" style="margin-top: 20px;">
                    <div class="col-xs-2 wrapper-none"></div>
                    <label class="col-xs-5 control-label max-w-100"><i>*</i>兑换码：</label>
                    <div class="col-xs-4 wrapper-none">
                        <input type="text" name="ticketCode" class="form-control light-bg" maxlength="30"
                            ng-model="orderObj.ticketCode" yb-focus required>
                        <div class="msg-block"
                            ng-show="orderForm.ticketCode.$dirty || (orderForm.ticketCode.$invalid && submitted)">
                            <div class="error-msg"
                                ng-if="orderForm.ticketCode.$error.required && !orderForm.ticketCode.focused">
                                <div class="msg-triangle"></div>
                                必填项，请填写
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group col-xs-24 m-b-sm">
                    <div class="col-xs-2 wrapper-none"></div>
                    <label class="col-xs-5 control-label max-w-100"><i>*</i>手机号：</label>
                    <div class="col-xs-4 wrapper-none">
                        <input type="text" name="phoneNo" class="form-control light-bg" maxlength="20"
                            ng-model="orderObj.phoneNo" yb-focus required>
                        <div class="msg-block"
                            ng-if="orderForm.phoneNo.$dirty || (orderForm.phoneNo.$invalid && submitted)">
                            <div class="error-msg"
                                ng-if="orderForm.phoneNo.$error.required && !orderForm.phoneNo.focused">
                                <div class="msg-triangle"></div>
                                必填项，请填写
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-3 wrapper-none" style="margin-left:10px;">
                        <button type="button" class="btn btn-primary m-r-sm"
                            ng-click="getCode(orderObj.ticketCode,orderObj.phoneNo)">获取验证码</button>
                    </div>
                </div>

                <div class="form-group col-xs-24 m-b-sm">
                    <div class="col-xs-2 wrapper-none"></div>
                    <label class="col-xs-5 control-label max-w-100"><i>*</i>验证码：</label>
                    <div class="col-xs-4 wrapper-none">
                        <input type="text" name="verifyCode" class="form-control light-bg" maxlength="20"
                            ng-model="orderObj.verifyCode" yb-focus required>
                        <div class="msg-block"
                            ng-if="orderForm.verifyCode.$dirty || (orderForm.verifyCode.$invalid && submitted)">
                            <div class="error-msg"
                                ng-if="orderForm.verifyCode.$error.required && !orderForm.verifyCode.focused">
                                <div class="msg-triangle"></div>
                                必填项，请填写
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <div class="bottom-area btn-bar text-center clearfix">
                <button type="button" class="btn btn-primary m-r-sm" ng-click="saveData()">提交</button>
            </div>
        </div>

        <div tab heading="客户赠送明细" active="activeFlag[1]" ng-if="activeFlag[1]">
            <form name="orderDetailForm" class="m-t-sm form-horizontal form-up-tb border-b clearfix" novalidate>
                <div class="form-group col-xs-24 m-b-sm" style="margin-top: 20px;">
                    <div class="col-xs-2 wrapper-none"></div>
                    <label class="col-xs-5 control-label max-w-100">兑换码：</label>
                    <div class="col-xs-4 control-label p-l-n text-left spill-dots" title="{{detailObj.ticketCode}}">
                        {{detailObj.ticketCode}}
                    </div>
                </div>
                <div class="form-group col-xs-24 m-b-sm">
                    <div class="col-xs-2 wrapper-none"></div>
                    <label class="col-xs-5 control-label max-w-100">车号：</label>
                    <div class="col-xs-4 control-label p-l-n text-left spill-dots" title="{{detailObj.vinCode}}">
                        {{detailObj.vinCode}}
                    </div>
                </div>
                <div class="form-group col-xs-24 m-b-sm">
                    <div class="col-xs-2 wrapper-none"></div>
                    <label class="col-xs-5 control-label max-w-100">机型：</label>
                    <div class="col-xs-4 control-label p-l-n text-left spill-dots" title="{{detailObj.machineType}}">
                        {{detailObj.machineType}}
                    </div>
                </div>
                <div class="form-group col-xs-24 m-b-sm">
                    <div class="col-xs-2 wrapper-none"></div>
                    <label class="col-xs-5 control-label max-w-100">身份证号：</label>
                    <div class="col-xs-4 control-label p-l-n text-left spill-dots" title="{{detailObj.idCardNo}}">
                        {{detailObj.idCardNo}}
                    </div>
                </div>
                <div class="form-group col-xs-24 m-b-sm">
                    <div class="col-xs-2 wrapper-none"></div>
                    <label class="col-xs-5 control-label max-w-100">手机号：</label>
                    <div class="col-xs-4 control-label p-l-n text-left spill-dots" title="{{detailObj.phoneNo}}">
                        {{detailObj.phoneNo}}
                    </div>
                </div>
                <div class="form-group col-xs-24 m-b-sm">
                    <div class="col-xs-2 wrapper-none"></div>
                    <label class="col-xs-5 control-label max-w-100">赠送额度：</label>
                    <div class="col-xs-4 control-label p-l-n text-left spill-dots" title="{{detailObj.giftAmount}}">
                        {{detailObj.giftAmount}}
                    </div>
                </div>
                <div class="form-group col-xs-24 m-b-sm">
                    <div class="col-xs-2 wrapper-none"></div>
                    <label class="col-xs-5 control-label max-w-100">已用额度：</label>
                    <div class="col-xs-4 control-label p-l-n text-left spill-dots" title="{{detailObj.usedAmount}}">
                        {{detailObj.usedAmount}}
                    </div>
                </div>
                <div class="form-group col-xs-24 m-b-sm">
                    <div class="col-xs-2 wrapper-none"></div>
                    <label class="col-xs-5 control-label max-w-100">剩余额度：</label>
                    <div class="col-xs-4 control-label p-l-n text-left spill-dots" title="{{detailObj.residueAmount}}">
                        {{detailObj.residueAmount}}
                    </div>
                </div>
                <div class="form-group col-xs-24 m-b-sm">
                    <div class="col-xs-2 wrapper-none"></div>
                    <label class="col-xs-5 control-label max-w-100">有效期：</label>
                    <div class="col-xs-4 control-label p-l-n text-left spill-dots" title="{{detailObj.validityDate}}">
                        {{detailObj.validityDate}}
                    </div>
                </div>
            </form>
            <div class="bottom-area btn-bar text-center clearfix">
                <button type="button" class="btn btn-primary m-r-sm" ng-click="doExchange()">兑换</button>
                <button type="button" class="btn btn-default" ng-click="cancel()">取消</button>
            </div>
        </div>
    </div>
</div>
